<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>旅游公司</title>
    <link rel="stylesheet" href="./css/style.css">
</head>

<body>

    <div class="top">
        <div class="left">
            <img src="./images/logo.png" alt="">
        </div>
        <div class="right">
            <ul>
                <li><a href="./index.html">首页</a></li>
                <li><a href="./taocan.html">畅销套餐</a></li>
                <li><a href="./zixun.html">旅游资讯</a></li>
                <li><a href="./qianzheng.html">签证服务</a></li>
                <li><a href="./guanyu.html">关于我们</a></li>
                <li><a href="./liuyan.html">留言中心</a></li>
                <div class="clear"></div>
            </ul>
        </div>
        <div class="clear"></div>
    </div>

    <div class="banner">
        <img src="./images/banner.png" alt="">
    </div>
    <div class="content">
        <div class="tuijian common">
            <div class="title">
                <h3 class="a1">国内酒店必住榜</h3>
                <h3 class="a2">国内酒店推荐</h3>
                <div class="right">
                    <span>更多特惠酒店</span>
                    <img src="./images/you.png" alt="">
                </div>
            </div>
            <div class="jiudian">
                <div class="item">
                    <div class="mask"></div>
                    <img src="./images/b1.jpg" alt="">
                    <h3>热门推荐榜 &gt</h3>
                    <span>极具性价比的酒店</span>
                </div>
                <div class="item">
                    <div class="mask"></div>
                    <img src="./images/b2.jpg" alt="">
                    <h3>商务酒店榜单 &gt</h3>
                    <span>品质商旅，品味随行</span>
                </div>
                <div class="item">
                    <div class="mask"></div>
                    <img src="./images/b3.jpg" alt="">
                    <h3>情侣酒店榜单 &gt</h3>
                    <span>尽享专属私人空间</span>
                </div>
                <div class="item">
                    <div class="mask"></div>
                    <img src="./images/b4.jpg" alt="">
                    <h3>服务至上酒店榜单 &gt</h3>
                    <span>宾客至上，怡然自在</span>
                </div>
                <div class="item" style="margin-right: 0px;">
                    <div class="mask"></div>
                    <img src="./images/b5.jpg" alt="">
                    <h3>家庭版酒店榜单 &gt</h3>
                    <span>适合家庭入住的设施</span>
                </div>
                <div class="clear"></div>
            </div>
            <div class="title" style="margin-top: 30px;">
                <h3 class="a1">当季热门旅游</h3>
                <h3 class="a2">今日特惠旅游</h3>
                <div class="right">
                    <span>更多特惠旅游</span>
                    <img src="./images/you.png" alt="">
                </div>
            </div>
            <div class="lvyou">
                <div class="left">
                    <div class="sort">
                        <div class="item">
                            <h3>周边游</h3>
                            <ul>
                                <li>
                                    <i></i>
                                    <span>婺源</span>
                                </li>
                                <li>
                                    <i></i>
                                    <span>明月山</span>
                                </li>
                                <li>
                                    <i></i>
                                    <span>龙虎山</span>
                                </li>
                                <li>
                                    <i></i>
                                    <span>三清山</span>
                                </li>
                                <li>
                                    <i></i>
                                    <span>滕王阁</span>
                                </li>
                                <li>
                                    <i></i>
                                    <span>庐山</span>
                                </li>
                                <li>
                                    <i></i>
                                    <span>景德镇</span>
                                </li>
                                <li>
                                    <i></i>
                                    <span>武功山</span>
                                </li>
                                <li>
                                    <i></i>
                                    <span>九江</span>
                                </li>

                                <div class="clear"></div>

                            </ul>
                        </div>
                        <div class="item">
                            <h3>国内游</h3>
                            <ul>
                                <li>
                                    <i></i>
                                    <span>三亚</span>
                                </li>
                                <li>
                                    <i></i>
                                    <span>丽江</span>
                                </li>
                                <li>
                                    <i></i>
                                    <span>厦门</span>
                                </li>
                                <li>
                                    <i></i>
                                    <span>西双版纳</span>
                                </li>
                                <li>
                                    <i></i>
                                    <span>黄山</span>
                                </li>
                                <li>
                                    <i></i>
                                    <span>桂林</span>
                                </li>
                                <li>
                                    <i></i>
                                    <span>西安</span>
                                </li>
                                <li>
                                    <i></i>
                                    <span>北海</span>
                                </li>
                                <li>
                                    <i></i>
                                    <span>九寨沟</span>
                                </li>
                                <div class="clear"></div>
                            </ul>
                        </div>
                        <div class="item">
                            <h3>出境游</h3>
                            <ul>
                                <li>
                                    <i></i>
                                    <span>泰国</span>
                                </li>
                                <li>
                                    <i></i>
                                    <span>日本</span>
                                </li>
                                <li>
                                    <i></i>
                                    <span>新加坡</span>
                                </li>
                                <li>
                                    <i></i>
                                    <span>马尔代夫</span>
                                </li>
                                <li>
                                    <i></i>
                                    <span>巴厘岛</span>
                                </li>
                                <li>
                                    <i></i>
                                    <span>马来西亚</span>
                                </li>
                                <li>
                                    <i></i>
                                    <span>迪拜</span>
                                </li>
                                <li>
                                    <i></i>
                                    <span>曼谷</span>
                                </li>
                                <li>
                                    <i></i>
                                    <span>新西兰</span>
                                </li>
                                <div class="clear"></div>
                            </ul>
                        </div>
                        <div class="item">
                            <h3>签证</h3>
                            <ul>
                                <li>
                                    <i></i>
                                    <span>日本</span>
                                </li>
                                <li>
                                    <i></i>
                                    <span>泰国</span>
                                </li>
                                <li>
                                    <i></i>
                                    <span>韩国</span>
                                </li>
                                <li>
                                    <i></i>
                                    <span>美国</span>
                                </li>
                                <li>
                                    <i></i>
                                    <span>澳大利亚</span>
                                </li>
                                <li>
                                    <i></i>
                                    <span>南非</span>
                                </li>
                                <li>
                                    <i></i>
                                    <span>台湾</span>
                                </li>
                                <li>
                                    <i></i>
                                    <span>新加坡</span>
                                </li>
                                <li>
                                    <i></i>
                                    <span>马来西亚</span>
                                </li>
                                <div class="clear"></div>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="right">
                    <div class="items">
                        <div class="item">
                            <img src="./images/b6.jpg" alt="">
                            <div class="ct">
                                <h3>江西婺源3天自由行</h3>
                                <span class="s1">以山水田园风光闻名的风景区</span>
                                <div class="countdown-display">
                                    <div class="countdown-unit">
                                        <div class="countdown-number days">00</div>
                                        <div class="countdown-label">天</div>
                                    </div>
                                    <div class="countdown-unit">
                                        <div class="countdown-number hours">00</div>
                                        <div class="countdown-label">小时</div>
                                    </div>
                                    <div class="countdown-unit">
                                        <div class="countdown-number minutes">00</div>
                                        <div class="countdown-label">分钟</div>
                                    </div>
                                    <div class="countdown-unit">
                                        <div class="countdown-number seconds">00</div>
                                        <div class="countdown-label">秒</div>
                                    </div>
                                </div>
                                <span class="s2">¥388</span>
                            </div>
                        </div>
                        <div class="item">
                            <img src="./images/b7.jpg" alt="">
                            <div class="ct">
                                <h3>四川重庆含往返机票</h3>
                                <span class="s1">悠久的历史文化和好吃的美食</span>
                                <div class="countdown-display">
                                    <div class="countdown-unit">
                                        <div class="countdown-number days">00</div>
                                        <div class="countdown-label">天</div>
                                    </div>
                                    <div class="countdown-unit">
                                        <div class="countdown-number hours">00</div>
                                        <div class="countdown-label">小时</div>
                                    </div>
                                    <div class="countdown-unit">
                                        <div class="countdown-number minutes">00</div>
                                        <div class="countdown-label">分钟</div>
                                    </div>
                                    <div class="countdown-unit">
                                        <div class="countdown-number seconds">00</div>
                                        <div class="countdown-label">秒</div>
                                    </div>
                                </div>
                                <span class="s2">¥569</span>
                            </div>
                        </div>
                        <div class="item" style="margin-right: 0px;">
                            <img src="./images/b8.jpg" alt="">
                            <div class="ct">
                                <h3>三亚海滩之行3天两晚</h3>
                                <span class="s1">全年气候宜人，冬暖夏凉</span>
                                <div class="countdown-display">
                                    <div class="countdown-unit">
                                        <div class="countdown-number days">00</div>
                                        <div class="countdown-label">天</div>
                                    </div>
                                    <div class="countdown-unit">
                                        <div class="countdown-number hours">00</div>
                                        <div class="countdown-label">小时</div>
                                    </div>
                                    <div class="countdown-unit">
                                        <div class="countdown-number minutes">00</div>
                                        <div class="countdown-label">分钟</div>
                                    </div>
                                    <div class="countdown-unit">
                                        <div class="countdown-number seconds">00</div>
                                        <div class="countdown-label">秒</div>
                                    </div>
                                </div>
                                <span class="s2">¥699</span>
                            </div>
                        </div>
                        <div class="item">
                            <img src="./images/b9.jpg" alt="">
                            <div class="ct">
                                <h3>南昌旅游大巴免费接送</h3>
                                <span class="s1">丰富的历史遗迹和人文景观</span>
                                <div class="countdown-display">
                                    <div class="countdown-unit">
                                        <div class="countdown-number days">00</div>
                                        <div class="countdown-label">天</div>
                                    </div>
                                    <div class="countdown-unit">
                                        <div class="countdown-number hours">00</div>
                                        <div class="countdown-label">小时</div>
                                    </div>
                                    <div class="countdown-unit">
                                        <div class="countdown-number minutes">00</div>
                                        <div class="countdown-label">分钟</div>
                                    </div>
                                    <div class="countdown-unit">
                                        <div class="countdown-number seconds">00</div>
                                        <div class="countdown-label">秒</div>
                                    </div>
                                </div>
                                <span class="s2">¥750</span>
                            </div>
                        </div>
                        <div class="item">
                            <img src="./images/b10.jpg" alt="">
                            <div class="ct">
                                <h3>湖南长沙吃喝玩乐</h3>
                                <span class="s1">许多自然风光秀丽的景点</span>
                                <div class="countdown-display">
                                    <div class="countdown-unit">
                                        <div class="countdown-number days">00</div>
                                        <div class="countdown-label">天</div>
                                    </div>
                                    <div class="countdown-unit">
                                        <div class="countdown-number hours">00</div>
                                        <div class="countdown-label">小时</div>
                                    </div>
                                    <div class="countdown-unit">
                                        <div class="countdown-number minutes">00</div>
                                        <div class="countdown-label">分钟</div>
                                    </div>
                                    <div class="countdown-unit">
                                        <div class="countdown-number seconds">00</div>
                                        <div class="countdown-label">秒</div>
                                    </div>
                                </div>
                                <span class="s2">¥880</span>
                            </div>
                        </div>
                        <div class="item" style="margin-right: 0px;">
                            <img src="./images/b11.jpg" alt="">
                            <div class="ct">
                                <h3>杭州西湖划船游玩</h3>
                                <span class="s1">四季景色各异,体验湖光山色之美</span>
                                <div class="countdown-display">
                                    <div class="countdown-unit">
                                        <div class="countdown-number days">00</div>
                                        <div class="countdown-label">天</div>
                                    </div>
                                    <div class="countdown-unit">
                                        <div class="countdown-number hours">00</div>
                                        <div class="countdown-label">小时</div>
                                    </div>
                                    <div class="countdown-unit">
                                        <div class="countdown-number minutes">00</div>
                                        <div class="countdown-label">分钟</div>
                                    </div>
                                    <div class="countdown-unit">
                                        <div class="countdown-number seconds">00</div>
                                        <div class="countdown-label">秒</div>
                                    </div>
                                </div>
                                <span class="s2">¥465</span>
                            </div>
                        </div>


                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>

    <div class="footer">
        <ul>
            <li>公司概况</li>
            <li>业务范国</li>
            <li>新闻中心</li>
            <li>人才招聘</li>
            <li>联系我们</li>
            <li>热门活动</li>
            <div class="clear"></div>
        </ul>
        <div class="info">
            <div class="left">
                <p>
                    畅游五湖四海，邂逅世界的每一处美景，体验旅途中的精彩
                </p>
                <p>
                    从繁华都市到静谧自然，一次旅行，发现世界的无尽独特魅力
                </p>
                <p>地址:郑州市东风路东18号金成国际广场6号楼遨游天下旅游有限公司</p>
            </div>
            <div class="right">
                <img src="./images/logo2.png" alt="">
            </div>
            <div class="clear"></div>
        </div>
    </div>

    <script src="./js/daojishi.js"></script>
</body>

</html>